<template>
    <div class="page-setting">
        <div class="crumbs">
            <router-link to="/">首页</router-link> / <span>系统设置</span> /
            <span class="active">行政区域设置</span>
        </div>
        <el-container :style="{ height: mainH + 'px' }">
            <el-aside class="area-blk" width="50%">
                <h2 class="hd">
                    行政区域
                    <span style="opacity:0.5">（右键进行管理）</span>
                </h2>
                <areaTree type="all" :isEditable="true" @nodeClick="areaClickAction"></areaTree>
            </el-aside>
            <!-- <el-main class="census-main">
		  		<h2 class="hd">行政区域</h2>
		  		<areaTree @nodeClick="areaClickAction"></areaTree>
		  	</el-main> -->
        </el-container>
    </div>
</template>
<script>
import areaTree from "@/components/census/AreaTree.vue"
export default {
    name: "Notice",
    components: {
        areaTree,
    },
    props: {
        winH: {
            type: Number,
            default: 500,
        },
    },
    data() {
        return {}
    },
    watch: {},
    computed: {
        mainH() {
            return this.winH - 220
        },
    },
    methods: {
        getData(page) {
            this.loading = true
            this.$get("/userAdmin/queryByKeyword", {
                pageNum: page,
                pageSize: this.pageSize,
                keyword: this.keyword,
            }).then(
                (res) => {
                    this.loading = false
                    let data = res.data
                    this.currentPage = page
                    this.total = data.total
                    this.dataList = data.records
                },
                (err) => {
                    this.loading = false
                    if (err.msg) {
                        this.$message.error(err.msg)
                    }
                }
            )
        },
        areaClickAction(data) {},
    },
    created() {
        // this.getData(1)
    },
    activated() {},
    mounted() {},
}
</script>
